<template>
    <div id="top">
        <span>推荐</span>
        <svg>
            <use xlink:href="#icon-shuaxin"></use>
        </svg>
    </div>
    <div id="list">
        <div>遗失的心跳</div>
    </div>
</template>

<script>
    export default {
        name: "SearchTuiJian"
    }
</script>

<style scoped>
    #top{
        width: 94%;
        height: 20px;
        margin: 20px auto;
    }
    svg{
        width: 20px;
        height: 20px;
        float: right;
    }
    #list{
        width: 90%;
        margin: 0 auto;
        height: auto;
    }
    #list>div{
        display: inline-block;
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
        box-sizing: border-box;
        width: auto;
        background: #fff;
        border-radius: 15px;
        text-align: center;
        color: lightgrey;
    }
</style>